.swiper-slide {
    position: relative;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
html, body {
    scroll-behavior: smooth;
}


/* 首页顶部轮播 */
.index_one {
    width: 100%;
    margin-top: 1.2rem;
}
.index_one .index_swiper1 {
    width: 100%;
    height: 4rem;
}
.index_one .swiper-slide {
    width: 100%;
    height: 100%;
}
/* 文字 */
.index_one .txts {
    position: absolute;
    left: 2.1rem;
    top: 3.46rem;
}
.index_one .txts .t1 {
    font-size: .6rem;
    font-weight: 800;
    color: #FFFFFF;
}
.index_one .txts .t2 {
    margin-top: .5rem;
    font-size: .32rem;
    color: #FFFFFF;
}
/* 轮播分页 */
.index_one .swiper-pagination {
    bottom: 0.2rem;
}
.index_one .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background: rgba(255, 255, 255, 0.4);
    opacity: 1;
}
.index_one .swiper-pagination-bullet-active {
    background: #E50B18;
    opacity: 1;
}



/* 产品列表1 */
.index_two {
    position: relative;
    width: 100%;
    margin-top: 0.2rem;
}
.index_two .two_center {
    width: 14rem;
    margin: 0 auto;
    display: flex;
}
/* 左侧产品 */
.mode .pro-left {
    position: relative;
    width: 2.64rem;
    height: 6.36rem;
    margin-right: 0.2rem;
    overflow: hidden;
    flex-shrink: 0;
}
.mode .pro-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mode .pro-left .see-more {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0.2rem;
    transform: translateX(-50%);
    width: 1.32rem;
    height: 0.36rem;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    line-height: 0.36rem;
    font-size: 0.14rem;
    color: #000000;
    cursor: pointer;
    transition: all 0.3s;
}
.mode .pro-left .see-more:hover {
    background: rgba(255, 255, 255, 1);
}
/* 右侧产品列表 */



.mode .pro-right {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.mode .pro-right .big-product {
    position: relative;
    display: block;
    width: 2.64rem;
    margin-top: 0.2rem;
    margin-right: 0.2rem;
    background: #FFFFFF;
}
.mode .pro-right .big-product:nth-child(-n+4) {
    margin-top: 0;
}
.mode .pro-right .big-product:nth-child(4n) {
    margin-right: 0;
}

.mode .pro-right .li {
    display: block;
    width: 100%;
    /*transition: all 0.3s;*/
}
.mode .pro-right .picture {
    width: 100%;
    height: 2.64rem;
    overflow: hidden;
}
.mode .pro-right .txt {
    padding: 0.11rem 0.12rem 0.13rem 0.12rem;
    font-size: 0.14rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #333333;
}
/*.mode .pro-right .li:hover {*/
/*    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)*/
/*}*/
.mode .pro-right .li:hover .txt {
    color: #E50B18;
}
/* 2024-3-9 hover的时候，显示推荐样式 */
.pro-right .big-product:hover .has-login {
    display: block;
    box-shadow: 0rem 0.05rem 0.1rem 0.01rem rgba(0,0,0,0.16);
}
.pro-right .big-product:hover .has-login::before {
    content: "";
    display: block;
    position: absolute;
    left: 0.12rem;
    top: -0.04rem;
    width: 1.12rem;
    height: 0.04rem;
    background: #E50B18;
}
.pro-right  .others-list {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: fit-content;
    padding: 0.24rem 0.22rem 0.22rem;
    background: #EEEEEE;
    z-index: 102;
    display: none;
}
.pro-right  .others-list > a {
    margin-top: 0.06rem;
    display: flex;
    align-items: center;
}
.pro-right  .others-list > a p {
    font-size: 0.14rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro-right  .others-list > a p:hover {
    color: #E50B18;
}



/* 广告位 */
.index_three {
    position: relative;
    width: 100%;
    margin-top: 0.2rem;
}
.index_three .three_center {
    width: 14rem;
    margin: 0 auto;
}
.index_three .advertisement {
    width: 100%;
    height: 2rem;
    overflow: hidden;
}
.index_three .advertisement img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* 产品列表2 */
.index_four {
    position: relative;
    width: 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.4rem;
}
.index_four .four_center {
    width: 14rem;
    margin: 0 auto;
    display: flex;
}




/* 登录后显示的分类 */
.classify {
    width: 100%;
    margin-top: 0.2rem;
}
.classify .center {
    position: relative;
    width: 14rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.classify .li {
    position: relative;
    display: block;
    width: 4.52rem;
    height: 2rem;
}
.classify .li .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.28rem;
    font-family: Arial, Arial;
    font-weight: bold;
    color: #FFFFFF;
}